<#include "/common/template.ftl">
<@template csses=["moreOnlineTeachers"] jses=["overview","bootstrap-paginator","moreOnlineTeachers"]>
	<div class=""  style="width:990px; height:790px; margin:0px auto; padding-top:10px; background-color:#ffffff">
		<div class=""  style="width:978px; height:760px; border-width:1px; border-color:#dddddd; border-style:solid; margin:0px auto; background-color:#ffffff">
			<div class=""  style="width:978px; height:32px; margin-left:auto; margin-right:auto; background-color:#A4E90C">
				<div style="font-size:20px; color:#000000; padding-top:6px;">
					<a class="" style="padding-left:20px; font-weight:bold; color:#000;" href="${basePath}/realTimeAnswer">实时回答</a>
					<a><img src="${basePath}/static/images/macro_arrow.png"></a>
					<h>更多老师</h>
				</div>
			</div>
			
			<div style="width:978px; height:745px;">
				<#if teacherSearchInfo?exists>
					<input class="hidden" id="studyingPhase" value="${teacherSearchInfo.studyingPhase!}"/>
					<input class="hidden" id="subject" value="${teacherSearchInfo.subject!}"/>
					<input class="hidden" id="showWay" value="${teacherSearchInfo.showWay!}"/>
				</#if>
				
				<div class="" style="width:938px; height:40px; padding-left:40px; float:left; margin-top:35px;">		
					<a class="btn" id="seniorSchool" onclick="chooseStudyingPhase(2)" value="2" style="margin-right:10px;">高 中</a>
					<a class="btn"  id="juniorSchool" onclick="chooseStudyingPhase(1)" value="1" style="margin-right:10px;">初 中</a>
					<a class="btn" id="primarySchool" onclick="chooseStudyingPhase(0)" value="0" style="margin-right:10px;">小 学</a>
				</div>
				
				<div id="seniorAndJuniorSubjects" style="width:938px; height:40px; padding-left:40px; float:left;">
					<a class="btn" id="chinese" onclick="chooseSubject(0)" style="margin-right:10px;" value="0">语 文</a>
					<a class="btn" id="math" onclick="chooseSubject(1)" style="margin-right:10px;" value="1">数 学</a>
					<a class="btn" id="english" onclick="chooseSubject(2)" style="margin-right:10px;" value="2">英 语</a>
					<a class="btn" id="physics" onclick="chooseSubject(3)" style="margin-right:10px;" value="3">物 理</a>
					<a class="btn" id="chemistry" onclick="chooseSubject(4)" style="margin-right:10px;" value="4">化 学</a>
					<a class="btn" id="biology" onclick="chooseSubject(5)" style="margin-right:10px;" value="5">生 物</a>
					<a class="btn" id="politics" onclick="chooseSubject(6)" style="margin-right:10px;" value="6">政 治</a>
					<a class="btn" id="history" onclick="chooseSubject(7)" style="margin-right:10px;" value="7">历 史</a>
					<a class="btn" id="geography" onclick="chooseSubject(8)" style="margin-right:10px;" value="8">地 理</a>
				</div>
				<div id="primarySubjects" style="width:938px; height:40px; padding-left:40px; float:left; display:none;">
					<a class="btn" id="primaryChinese" onclick="chooseSubject(0)" style="margin-right:10px;" value="0">语 文</a>
					<a class="btn" id="primaryMath" onclick="chooseSubject(1)" style="margin-right:10px;" value="1">数 学</a>
					<a class="btn" id="primaryEnglish" onclick="chooseSubject(2)" style="margin-right:10px;" value="2">英 语</a>
				</div>
				
				<div style="width:938px; height:40px; padding-left:40px; float:left;">
					<a class="btn" id="friendTeachers" onclick="chooseShowWay(0)" style="margin-right:10px;" value="0">我的好友老师</a>
					<a class="btn other_way" id="highScore" onclick="chooseShowWay(1)" style="margin-right:10px;" value="1">评分最高</a>
					<a class="btn other_way" id="moreAnswers" onclick="chooseShowWay(2)" style="margin-right:10px;" value="2">答疑最多</a>
				</div>
				
				<table class="" style="width:900px; margin:15px auto auto 40px; height:400px; float:left;">
					<tbody>
						<#if pageView?exists>
							<#list pageView.datas as teacher>
								<tr style="height:80px; border-bottom:1px solid #999999;">
					        		<th class="teacher_img"><a><img src="${teacher.teacherImgUrl!}"/></a>
					        	 	</th>
					        	 	<th class="teacher_name common_th">
					        	 		<span><strong>${teacher.teacherName!}</strong></span>
					        	 	</th>
					        	 	<th class="grade_subject common_th">
					        	 		<span><strong>${teacher.teacherStudyPhase!}</strong><strong style="margin-left:5px;">${teacher.teachingSubject!}</strong></span>
					        	 	</th>
					        	 	<th class="answer_count common_th">
					        	 		<span><strong>答疑数:</strong><strong style="margin-left:5px;">${teacher.answerTimes!}次</strong></span>
					        	 	</th>
					        	 	<th class="star_count common_th">
					        	 		<span><strong>评分：</strong>
											<a><img src="${basePath}/static/images/positive_star.png"></a>
											<a><img src="${basePath}/static/images/positive_star.png"></a>
											<a><img src="${basePath}/static/images/positive_star.png"></a>
											<a><img src="${basePath}/static/images/negative_star.png"></a>
											<a><img src="${basePath}/static/images/negative_star.png"></a>
										</span>
									</th>
									
									<th class="add_to_friend common_th">
					        	 		<a type="button" class="btn btn-primary add" style="margin-left:10px; height:18px; width:92px; padding:1px 6px 1px 6px; margin-bottom:2px;">加为好友老师</a>
				        	 		</th>
				        	 		<th class="ask_at_now">
				        	 			<a type="button" class="btn btn-primary" href="${basePath}/studentVideoEnd" target="_blank">视频答疑</a>
					        	 	</th>
						  		</tr>
					  		</#list>
						</#if>
					</tbody>			  		
				</table>
				
				<#if pageView?exists>
					<input class="hidden" id="totalPageCount" value="${pageView.totalPage}"/>
					<input class="hidden" id="currentPageNum" value="${pageView.currentPage}"/>
					<input class="hidden" id="prePageCount" value="${pageView.perPageCount}"/>
					<div class="pagination pull-right" style="margin-top:50px; margin-right:30px;">
							<div class="pull-left"  style="margin-bottom:0px; margin-top:0px;">
							每页 
							<select name="perPageCount" class="width_50" style="width:45px; height:26px; padding:2px 1px; margin-bottom:1px;">
								<option id="prePageCount_5" value="5">5</option>
								<option id="prePageCount_10" value="10">10</option>
							</select>
							行&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第${pageView.currentPage+1}页/共${pageView.totalPage}页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;共44条
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						</div>
						<span id="pager" style="float:left; margin:0"></span>
						<div class="pull-left">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;转到
							<input id="goPageNum" type="text" placeholder="" class="width_20" style="width:26px; height:20px; padding:2px 1px; margin-bottom:1px;"> 页 
							<input class="btn" type="button" onclick="goToPage()" value="GO" style="margin-bottom:2px; margin-right:10px;"/>
						</div>
					</div>
				</#if>
				
				
			</div>
			
		</div>
	</div>
</@template>